<template>
	<view>
		<view class="feedBox" v-for="(items, index) in problem_Box" :key="index">
			<view class="feedTitle">{{ items.problemTitle }}</view>
			<view class="feedConBox">
				<view
					class="feedTextBox flex align-center justify-between"
					hover-class="contentHover"
					hover-stay-time="50"
					@click="goFeedDetail(item)"
					v-for="(item, idx) in items.problemList"
					:key="idx"
				>
					<view class="feedText">{{ item.title }}</view>
					<view class="cuIcon-right padding-right"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			problem_Box: [
				{
					problemTitle: '授权联登',
					problemList: [
						{
							title: '基础授权',
							name: 'code',
							pbmId: 0
						},
						{
							title: '授权组件',
							name: 'auth',
							pbmId: 1
						}
					]
				}
			]
		};
	},
	
	mounted:function(){
	    this.createcode();
	},
	
	methods: {
		createcode(){
		    upsdk.pluginReady (function(){
				upsdk.setTitleStyle({
				   backBtnVisible : 0, // 可选，左侧返回按钮是否显示。'0'不显示，'1'显示，不传或空则默认显示
				});
				upsdk.setNavigationBarTitle({
				    title: '云闪付小程序工具'
				});
		    });
		},	
		goFeedDetail(item){
			uni.navigateTo({
				url: `helpdetail/${item.name}`
			});
		},
	}
};
</script>

<style lang="scss">
.feedBox {
	margin: 30rpx;

	.feedTitle {
		font-size: 32rpx;
		font-weight: bold;
		color: #1d1d21;
		margin: 20rpx 0;
	}
	.feedConBox {
		background: #ffffff;
		box-shadow: 0px 0px 10rpx rgba(193, 193, 193, 0.2);
		border-radius: 16rpx;

		.feedTextBox {
			border-top: 1rpx solid rgba(213, 213, 213, 0.2);
		}

		.feedText {
			padding: 30rpx;
			font-size: 30rpx;
			color: #1d1d21;
		}

		&:nth-of-type(1) {
			border-top: none;
		}
	}
}
.opacityHover {
	opacity: 0.6 !important;
}
</style>
